/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, {Component} from 'react';
import {AppRegistry, Navigator, StyleSheet, Text, View,Button } from 'react-native';

import HelloWorld from './HelloWorld';
import ImageComponent from './ImageComponent';
import HelloName from './HelloName';
import BlinkText from './BlinkText';
import StyleSheetColor from './StyleSheetColor'
import WidthHeight from './WidthHeight';
import FlexDirection from './FlexDirection';
import JustifyContentBasics from './JustifyContentBasics';
import AlignItems from './AlignItems';
import TextInputTranslator from './TextInputTranslator';
import ListViewBasics from './ListViewBasics';
import MyScene from './MyScene';
import MySceneText from './MySceneText';
import ViewComponent from './components/ViewComponent';
import TextSearchComponent from './components/TextSearchComponent';
import FetchDemo from './components/FetchDemo';




export default class practice extends Component {
    render() {
        return (
            <FetchDemo/>

            //自动搜索框
            //<TextSearchComponent/>

            //简单的布局
            //<ViewComponent/>

            //使用导航器跳转页面
        //     <Navigator
        //         initialRoute={{ title: 'My Initial Scene', index: 0 }}
        //         renderScene={(route, navigator) =>
        //   <MyScene
        //     title={route.title}
        //
        //     // Function to call when a new scene should be displayed
        //     onForward={ () => {
        //       const nextIndex = route.index + 1;
        //       navigator.push({
        //         title: 'Scene ' + nextIndex,
        //         index: nextIndex,
        //       });
        //     }}
        //
        //     // Function to call to go back to the previous scene
        //     onBack={() => {
        //       if (route.index > 0) {
        //         navigator.pop();
        //       }
        //     }}
        //   />
        // }
        //     />
        );
    }
}

AppRegistry.registerComponent('practice', () => practice);
